<script lang="ts" setup>

import {useRoute} from "vue-router";

// useRouter() <===> this.$router
// useRoute() <===> this.$route

// useRoute：钩的是当前匹配的路由对象。
const $route = useRoute();

</script>

<template>
    <h1>详情页</h1>
    <p>商品编号（params方式接值）：{{$route.params.proid}}</p>
    <p>商品编号(Query方式接值）：{{$route.query.proid}}</p>
    <p>username(Query方式接值）：{{$route.query.username}}</p>

</template>

<style scoped>
    
</style>
